// @import "./list1.scss";
// $bgColor: #c92d35;
// // $bgColor: #c92d35!default;

// .app {
//   width: 200px;
//   height: 200px;
//   background-color: red;
//   &-box1 {
//     width: 100px;
//     height: 100px;
//     background-color: blue;
//   }
//   .box2 {
//     width: 50px;
//     height: 50px;
//     // @import "./list1.scss";
//     // 重新定义一个局部变量
//     background-color: $bgColor;
//   }
//   .box3 {
//     @extend .app-box1;
//   }
// }
.app-box1 {
  color: green;
}
.list-active {
  color: red;
}
